import React,{useCallback} from 'react'
import { IdentifyWrapper } from './styledIndetify'
import Navbar from '@/components/Navbar/Navbar'
import {useHistory} from 'react-router-dom'
import iden from '@/assets/images/iden.png'
import { Toast} from 'antd-mobile';

export default function IdentifyContainer() {
    const history =useHistory()

    const handleClick=useCallback(
        ()=>{
            history.goBack()
        }
    )
    const handleFindClick=useCallback(
        ()=>{
            Toast.offline('暂未开放此功能', 1);
        }
    )
    return (
        <IdentifyWrapper>
             <Navbar
                title='得物App'
                color='#F8F8F8'
                onClick={handleClick}
            >
            </Navbar>
            <div className='iden'>
                <img src={iden} alt="" />
                <p><input type="text" placeholder='输入鉴别id'/></p>
            </div>
            <div>
                <button
                onClick={handleFindClick}
                >查询</button>
            </div>
            <div className='ac'>
                <p>鉴别ID在鉴别报告下面</p>
            </div>
        </IdentifyWrapper>

    )
}
